//JavaScript代码区域
layui.use(['table','element'], function(){
    findAll("/category_list_data",{});
});
function findAll(url,p) {
    layui.table.render({
        elem: '#tablexx'
        ,where:p
        ,height: 400
        ,url: url //数据接口
        ,limit:8
        ,limits: [8, 16, 24, 30,50,100] //每页显示条数
        ,page: true //开启分页
        ,cols: [[ //表头
            {field: 'categoryid', title: '类别ID', width:120,align:'center',sort: true,fixed: 'left'}
            ,{field: 'categoryname', title: '类别名称',align:'center', width:150}
            ,{field: 'categorylevel', title: '类别级别',align:'center', width:120}
            ,{field: 'parentid', title: '类别父ID',align:'center', width:120}
            ,{field: 'show', title: '是否显示',align:'center', width: 120}
            ,{field: 'shownumber', title: '显示序号',align:'center', width: 120}
            ,{field: 'adverpic', title: '广告图片',align:'center', width: 200}
            ,{field: 'status', title: '状态', align:'center',width: 80}
            ,{field: 'url', title: 'URL', align:'center',width: 80}
            ,{toolbar: '#barDemo', title: '操作',align:'center', width: 220}
        ]]
    });

    //监听工具条
    layui.table.on('tool(demo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if(layEvent === 'detail'){ //查看
            //do somehing
        } else if(layEvent === 'del'){ //删除
            layer.confirm('真的删除该行类别吗？', function(index){
                $.ajax({
                    url:'/updateCategory',
                    type:'POST',
                    data:{
                        "categoryid":data.categoryid
                    },
                    dataType:'json',
                    success:function (i) {
                        if (i==1){
                            alert("删除成功！");
                            location.reload();
                        }else {
                            alert("删除失败");
                        }
                    }
                });
                // obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                // layer.close(index);
                // //向服务端发送删除指令
            });
        } else if(layEvent === 'edit'){ //编辑
            // var d={};
            // var t=$("#aform").serializeArray();
            //do something
            layer.open({
                type: 2,
                title:'编辑',
                content: '/getCategoryById?categoryid='+data.categoryid,//这里content是一个普通的String
                area: ['750px','500px'],
                shadeClose:true
            })
            // //同步更新缓存对应的值
            // obj.update({
            //     username: '123'
            //     ,title: 'xxx'
            // });
        }

    });
}




// layui.use(['table','element'], function(){
//     var table = layui.table;
//     table.render({
//         elem: '#tablexx'
//         ,height: 400
//         ,url: '/category_list' //数据接口
//         ,limit:8
//         ,limits: [8, 16, 24, 30,50,100]
//         ,page: true //开启分页
//         ,cols: [[ //表头
//             {field: 'categoryid', title: '类别ID', width:120,align:'center',sort: true,fixed: 'left'}
//             ,{field: 'categoryname', title: '类别名称',align:'center', width:150}
//             ,{field: 'categorylevel', title: '类别级别',align:'center', width:120}
//             ,{field: 'parentid', title: '类别父ID',align:'center', width:120}
//             ,{field: 'show', title: '是否显示',align:'center', width: 120}
//             ,{field: 'shownumber', title: '显示序号',align:'center', width: 120}
//             ,{field: 'adverpic', title: '广告图片',align:'center', width: 200}
//             ,{field: 'status', title: '状态', align:'center',width: 80}
//             ,{toolbar: '#barDemo', title: '操作',align:'center', width: 220}
//         ]]
//     });





